<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="mfn" uri="/WEB-INF/mix-function.tld"%>

<div class="brandNavLeft">
    <div class="brandAllClassify brandClassify1">
      <div class="brandAllClassifyTitle brandClassifyTitle">ALL CATEGORY<br/><span>全&nbsp;部&nbsp;分&nbsp;类</span></div>
      <ul>
      	<c:forEach var="item" items="${firstLevelCategoryList }" varStatus="pc">
      	<li class="brandSubCategory">
          <%-- <div class='<c:choose><c:when test="${1 eq pc.count }">brandSubIconActive</c:when><c:otherwise>brandSubIcon</c:otherwise></c:choose>'></div> --%>
          <div class='brandSubIconActive'></div>
          <span class="brandSubEn">${mfn:filterEnglish(item.name) }</span><p>${mfn:filterChinese(item.name) }</p>
          <div class="brandTriCategory">
            <ul>
            	<c:forEach var="child" items="${item.childCategoryList }">
            		<li idpath="${child.fullIdPath }"><a href="javascript:void(0)" onclick="doSearch(this, 'categoryIdPath', '${child.fullIdPath}')"><span class="span1">${mfn:filterChinese(child.name) }</span><span class="span2">${mfn:filterEnglish(child.name) }</span></a></li>
            	</c:forEach>
            </ul>
          </div>
        </li>
      	</c:forEach>
      </ul>
    </div>
    
    <div class="brandOriginClassify brandClassify">
      <div class="brandOriginClassifyTitle brandClassifyTitle">ORIGIN<br/><span>地&nbsp;区</span></div>
      <ul style="display:none;">
      	<c:forEach var="entry" items="${firstLevelLocationMap }" varStatus="pc">
      	<li class="brandSubCategory">
          <div class='brandSubIconActive'></div>
          <span class="brandSubEn">${entry.key }</span><p>${entry.value.zhCn }</p>
          <div class="brandTriCategory">
            <ul>
            	<c:forEach var="child" items="${entry.value.childLocationList }">
            		<li><a href="javascript:void(0)" onclick="doSearch(this, 'countryId', '${child.id}')"><span class="span1">${child.zhCn }</span><span class="span2">${child.enUs }</span></a></li>
            	</c:forEach>
            </ul>
          </div>
        </li>
      	</c:forEach>
      </ul>
    </div>
    
    <div class="brandPriceClassify brandClassify" style="cursor: default;color:#cbcbcb;">
		<div class="brandPriceClassifyTitle brandClassifyTitle">
			PRICE<br />
			<span>价格</span>
		</div>
		<img src="static/images/page/category/priceWidget.png" />
	</div>

	<div class="brandColorClassify brandClassify" style="cursor: default;color:#cbcbcb;">
		<div class="brandColorClassifyTitle brandClassifyTitle">
			COLOR<br />
			<span>色彩</span>
		</div>
		<img src="static/images/page/category/colorWidget.png" />
	</div>
  </div>
